<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:c="http://java.sun.com/jsp/jstl/core"
    xmlns:ace="http://www.icefaces.org/icefaces/components"
    xmlns:ice="http://www.icesoft.com/icefaces/component"
    xmlns:icecore="http://www.icefaces.org/icefaces/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:b="http://java.sun.com/jsf/composite/ezcomp"
    template="/resources/templates/template.xhtml">
    
    <ui:define name="title">TallerStudio</ui:define>
   
    <ui:define name="body">
        <h:form id="formBody">
            <ace:panel id="pnlCrear" header="Ingresar Nueo Proveedor">
                <h:panelGrid columns="5" style="width: 90%" 
                             columnClasses="colwidth25,colwidth1,colwidth20,colwidth1,colwidth40">
            <!-- 1 -->        
                    <h:column>
                        <h:outputLabel value="Nombres" />
                    </h:column>
                    <h:column>
                        <h:outputLabel value=":" />
                    </h:column>
                    <h:column>
                        <h:inputText id="nomId" value="--" required="true" 
                                     requiredMessage="El nombre es requerido." styleClass="inputStyle"/>
                    </h:column>
                    <h:column>
                        <h:outputLabel value="*" style="color:red;"/>
                    </h:column>
                    <h:column>
                        <h:message for="nomId" errorClass="error"/>
                    </h:column>
           <!-- 2 -->
                    <h:column>
                        <h:outputLabel value="Rut de la Empresa" />
                    </h:column>
                    <h:column>
                        <h:outputLabel value=":" />
                    </h:column>
                    <h:column>
                        <h:inputText id="rutId" styleClass="inputStyle" 
                                     value="" required="true" requiredMessage="requerido" />
                    </h:column>
                    <h:column>
                        <h:outputLabel value="*" style="color:red;"/>
                    </h:column>
                    <h:column>
                        <h:message for="rutId" errorClass="error" />
                    </h:column>
           <!-- 3 -->         
                    <h:column>
                        <h:outputLabel value="Pais" />
                    </h:column>
                    <h:column>
                        <h:outputLabel value=":" />
                    </h:column>
                    <h:column>
                        <h:inputText id="countryId" styleClass="inputStyle" 
                                     value="" required="true" requiredMessage="." />
                    </h:column>
                    <h:column>
                        <h:outputLabel value="*" style="color:red;"/>
                    </h:column>
                    <h:column>
                        <h:message for="countryId" errorClass="error" />
                    </h:column>
           <!-- 4 -->
                    <h:column>
                        <h:outputLabel value="Codigo Postal" />
                    </h:column>
                    <h:column>
                        <h:outputLabel value=":" />
                    </h:column>
                    <h:column>
                        <h:inputText id="codPostId" styleClass="inputStyle" 
                                     value="" 
                                     required="true" 
                                     requiredMessage="." />
                    </h:column>
                    <h:column>
                        <h:outputLabel value="*" style="color:red;"/>
                    </h:column>
                    <h:column>
                        <h:message for="codPostId" errorClass="error" />
                    </h:column>
           <!-- 5 -->      
                    <h:column>
                        <h:outputLabel value="Teléfono Principal" />
                    </h:column>
                    <h:column>
                        <h:outputLabel value=":" />
                    </h:column>
                    <h:column>
                        <h:inputText id="fonoId" styleClass="inputStyle" 
                                     value="" 
                                     required="true" 
                                     requiredMessage="El teléfono es requerido." />
                    </h:column>
                    <h:column>
                        <h:outputLabel value="*" style="color:red;"/>
                    </h:column>
                    <h:column>
                        <h:message for="fonoId" errorClass="error" />
                    </h:column>
           <!-- 6 -->         
                    <h:column>
                        <h:outputLabel value="Teléfono Secundario" />
                    </h:column>
                    <h:column>
                        <h:outputLabel value=":" />
                    </h:column>
                    <h:column>
                        <h:inputText id="fono2Id" styleClass="inputStyle" 
                                     value="" />
                    </h:column>
                    <h:column></h:column>
                    <h:column></h:column>
           <!-- 7 -->         
                    <h:column>
                        <h:outputLabel value="Correo Electronico" />
                    </h:column>
                    <h:column>
                        <h:outputLabel value=":" />
                    </h:column>
                    <h:column>
                        <h:inputText id="mailId" styleClass="inputStyle" 
                                     value="" />
                    </h:column>
                    <h:column></h:column>
                    <h:column></h:column>
           <!-- 8 -->         
                    <h:column>
                        <h:outputLabel value="Sitio Web" />
                    </h:column>
                    <h:column>
                        <h:outputLabel value=":" />
                    </h:column>
                    <h:column>
                        <h:inputText id="webSiteId" styleClass="inputStyle" 
                                     value="" />
                    </h:column>
                    <h:column></h:column>
                    <h:column></h:column>
                    
            <!--Auto completar-->
                     <h:column>
                         <h:outputLabel value="Comuna" />
                     </h:column> 
                     <h:column>
                         <h:outputLabel value=":" />
                     </h:column> 
                     <h:column>
                        <ace:autoCompleteEntry id="selComunaID"
                                       value="#{sucursalMBean.selectedText}"
                                       listVar="com"
                                       listValue="#{sucursalMBean.comunas}"
                                       filterBy="#{com.nomComu}"
                                       required="true"
                                       requiredMessage="La comuna es requerida."
                                       width="237">
                            <f:facet name="row">
                               <h:outputText value="#{com.nomComu}" />
                            </f:facet>
                        </ace:autoCompleteEntry>
                     </h:column> 
                     <h:column>
                         <h:outputLabel value="*" style="color:red;"/>
                     </h:column> 
                     <h:column>
                         <h:message for="selComunaID" errorClass="error" />
                     </h:column> 
                </h:panelGrid>
            </ace:panel>
            <div id="contenidoBotonesId" class="contenidoBotones">
                <b:boton value="Volver" title="Volver" styleClass="flotarDerecha" />
                <b:boton value="Actualizar" title="Actualizar" styleClass="flotarDerecha" />
            </div>
        </h:form>
    </ui:define>

</ui:composition>

